<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
		<title></title>
	</head>
	<body>
		<div class="container">
			<nav class="navbar navbar-default">
			  <div class="container-fluid">
			    <!-- Brand and toggle get grouped for better mobile display -->
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
			      <a class="navbar-brand" href="#">书本商城</a>
			    </div>
			
			    <!-- Collect the nav links, forms, and other content for toggling -->
			    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			     
			      <ul class="nav navbar-nav navbar-right">
			        <li><a href="#">当前登录的用户:</a></li>
			        <li class="dropdown">
			          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <span id="span_account" style="color: red;" ></span></a>
			          <ul class="dropdown-menu">
			            <li><a href="#">修改密码</a></li>
			            <li role="separator" class="divider"></li>
			            <li><a href="#">注销用户</a></li>
			          </ul>
			        </li>
			      </ul>
			    </div><!-- /.navbar-collapse -->
			  </div><!-- /.container-fluid -->
			</nav>
			<div class="panel panel-info">
			  <div class="panel-heading">
				  <div class="form-group">
				  <form class="form-inline" style="display: inline-block;">
				  	 <div class="form-group">
				  	    <input name='cb_select' type="text"  id="ipt_name" placeholder="书名" class="form-control input-sm" >
				  	  </div>
				  	  <div class="form-group">
				  	     <input name='cb_select' type="text" id="ipt_top" placeholder="最高价" class="form-control input-sm" >
				  	   </div>
				  	   <div class="form-group">
				  	      <input name='cb_select' type="text" id="ipt_low" placeholder="最低价"  class="form-control input-sm" >
				  	    </div>
				  	   <button name='cb_select' type="button" onclick="search()" class="btn btn-sm"><span class="glyphicon glyphicon-search" ></span></button>
				  </form>
				  <div class=" pull-right ">
				  <button class="btn btn-group btn-sm btn-success" type="button" onclick="add()">添加</button>
				  <button class="btn btn-group btn-sm btn-success" name="shangc">批量删除</button>
				  <button class="btn btn-group btn-sm btn-success" name="down">下载</button>
				  </div>
				  </div>
			  </div>
			  <div class="panel-body">
			   <table class="table table-striped table-bordered table-hover" id="mytable">
			   	<thead>
			   		<tr>
			   			<th>序号</th>
			   			<th>书名</th>
			   			<th>日期</th>
			   			<th>单价</th>
			   			<th>数量</th>
			   			<th>操作 <input  type="checkbox" name="cb_select_all" /> </th>
			   		</tr>
			   	</thead>
			   	<tbody>
			   		
			   	</tbody>
			   </table>
			   <nav class="text-center">
			   	<span>一共3条记录解决居中问题</span>
			     <ul class="pagination">
			       <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">&laquo;</span></a></li>
			       <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
			       <li ><a href="#">2 </a></li>
			       <li ><a href="#">3 </a></li>
			   	<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
			     </ul>
			   </nav>
			  </div>
			  <div class="panel-footer">总价格:<span id="span_result"></span></div>
			</div>
			
			
		</div>
		<script src="../js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
